<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>DEMO</title>
	<style>
textarea {
  width: 600px;
  background-color: #EAEAEA;
  border:none;
  height: 300px;
  padding: 5px;
  line-height: 23px;
  overflow: auto;
  color: #666;
  font-size: 16px;
  font-family: "微软雅黑"
}
textarea:focus {
	box-shadow: 0 0 1px 1px #3e4ef9;
}
</style>
</head>
<body>
<textarea type="text" id="text" class="text"></textarea>
<script src="./js/jquery-1.12.0.min.js"></script>
<script src="./js/auto-line-number.js"></script>
<script>
	$("#text").setTextareaCount({
		width: "30px",
		bgColor: "#3e4ef9",
		color: "#FFF",
		display: "inline-block"
	});
</script>
</body>
</html>